@media only screen and (max-width:1800px ) {
}


@media only screen and (max-width:1600px ) {
}

@media only screen and (max-width:1440px ) {
    .menu { }
}


@media only screen and (max-width:1280px ) {
    .index_brand ul { grid-template-columns: repeat(2,1fr); gap: 20px; }
    .banner ul li.menu { width: 80px; }
    .banner ul li.menu dl dd { display: none; }
}


@media only screen and (max-width:1240px ) {
}


@media only screen and (max-width:768px ) {
    .h5show { display: block !important; }
    .pcshow { display: none !important; }
    .logo { padding: 0px 0.5rem; }
    .banner { padding: 0.5rem 0px; }
    .banner ul { background-position: center center; background-size: 100% auto; display: block; }
    .banner ul li.body dl dt b { font-size: 0.8rem; line-height: 1.5; }
    .banner ul li.body dl dt b font { display: block; }
    .banner ul li.body dl dt a { font-size: 0.3rem; height: 0.8rem; line-height: 0.8rem; margin-top: 0.3rem; }
    .banner ul li.menu { display: grid; grid-template-columns: repeat(4,1fr); gap: 0.2rem; margin-bottom: 0.2rem; padding: 0px 0.2rem; width: 100%; box-sizing: border-box; }
    .banner ul li.menu dl { margin: 0px; }
    .banner ul li.menu dl dt { margin: 0px auto; }
    .blackback { padding: 0px 0rem; }
    .whiteback { padding: 0px 0rem; }
    .index_brand { padding: 0px 0.2rem; }
    .index_brand ul { padding: 0.3rem 0px; }
    .index_brand ul { grid-template-columns: repeat(1,1fr); gap: 0.2rem; }
    .index_brand ul li dl dt { width: 1.6rem; padding: 0px 0.1rem; background-position: right; }
    .index_brand ul li > p { font-size: 0.3rem; }
    .footer font { display: block; line-height: 2; }
}